<template>
	<view class="p40lr">
		<view class="df aic mb10">
			<view class="proj-banner banner1 mr10 df jcsb">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">总共已入库</text>
					<text class="banner-num">{{2978}}</text>
				</view>
				<img style="width: 50rpx;height: 50rpx;margin-top: 30rpx;margin-right: 20rpx;"  src="../../static/imgs/projIcon.png" alt="" />
			</view>
			<view class="proj-banner banner2">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">今日已入库</text>
					<text class="banner-num">{{2978}}</text>
				</view>
			</view>
		</view>
		<view class="df aic mb40">
			<view class="proj-banner banner3 mr10 df jcsb">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">总共已回收</text>
					<text class="banner-num">{{2978}}</text>
				</view>
				<img style="width: 50rpx;height: 50rpx;margin-top: 30rpx;margin-right: 20rpx;"  src="../../static/imgs/projIcon2.png" alt="" />
			</view>
			<view class="proj-banner banner4 df jcsb">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">今日已回收</text>
					<text class="banner-num">{{2978}}</text>
				</view>
				<img style="width: 50rpx;height: 50rpx;margin-top: 30rpx;margin-right: 20rpx;"  src="../../static/imgs/projIcon2.png" alt="" />
			</view>
		</view>
		<text style="font-size: 28rpx;font-weight: 700;line-height: 34rpx;color: #111111;">工作台</text>
		<view class="btn-list">
			<view class="mt40 df aic jcsb box-s">
				<view class="df aic">
					<img style="width: 72rpx;height: 72rpx;" class="mr40" src="../../static/imgs/gzp.png" alt="" />
					<text style="font-size: 28rpx;font-weight: 500;color: #333333;">工作票</text>
				</view>
				<img style="width: 36rpx;height: 36rpx;" src="../../static/imgs/backProj.png" alt="" />
			</view>
			<view class="mt40 df aic jcsb box-s">
				<view class="df aic">
					<img style="width: 72rpx;height: 72rpx;" class="mr40" src="../../static/imgs/xmzl.png" alt="" />
					<text style="font-size: 28rpx;font-weight: 500;color: #333333;">项目资料</text>
				</view>
				<img style="width: 36rpx;height: 36rpx;" src="../../static/imgs/backProj.png" alt="" />
			</view>
			<view class="mt40 df aic jcsb box-s">
				<view class="df aic">
					<img style="width: 72rpx;height: 72rpx;" class="mr40" src="../../static/imgs/dbrk.png" alt="" />
					<text style="font-size: 28rpx;font-weight: 500;color: #333333;">电表入库</text>
				</view>
				<img style="width: 36rpx;height: 36rpx;" src="../../static/imgs/backProj.png" alt="" />
			</view>
			<view class="mt40 df aic jcsb box-s">
				<view class="df aic">
					<img style="width: 72rpx;height: 72rpx;" class="mr40" src="../../static/imgs/zchs.png" alt="" />
					<text style="font-size: 28rpx;font-weight: 500;color: #333333;">旧资产回收</text>
				</view>
				<img style="width: 36rpx;height: 36rpx;" src="../../static/imgs/backProj.png" alt="" />
			</view>
		</view>
		
	</view>
</template>

<script setup>
	
</script>

<style lang="scss">
.proj-banner{
	width: 340rpx;
	height: 160rpx;
	box-shadow: 0 16rpx 20rpx 0 rgba(45, 108, 232, .1);
	border-radius: 24rpx;                                           
}
.banner1{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner2{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner3{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner4{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner-text{
	font-size: 24rpx;
	line-height: 50rpx;
	color: #FFFFFF;
	font-weight: 600;
}
.banner-num{
	font-size: 40rpx;
	line-height: 52rpx;
	color: #FFFFFF;
	font-weight: 700;
}
.box-s{
	box-shadow: 0px 1px 0px 0px #F1F0F0;
	padding-bottom: 20rpx;
}
.btn-list{
	border-radius:16rpx ;
	box-shadow: 0px 10rpx 30rpx 0px rgba(45, 108, 232, .1);
}
</style>
